@import '@/styles/light.scss';
@import '@/styles/dark.scss';
@import url(@/styles/reset.css);

:root {
  // 覆盖element-plug主题色
  --el-color-primary: var(--bc-color-primary6);
  --el-color-primary-light-3: var(--bc-color-primary5);
  --el-color-primary-dark-2: var(--bc-color-primary7);
  // 圆角
  --el-border-radius-base: 4px;
  --el-font-weight-primary: 400;
  --el-menu-item-height: 40px;
  --el-menu-sub-item-height: var(--el-menu-item-height);
  --el-menu-hover-bg-color: var(--bc-color-fill2);
  --el-text-color-regular: var(--bc-color-text6);
  --el-input-text-color: var(--bc-color-text5);
}

.el-form-item {
  //margin-bottom: 0;
  .el-input {
    --el-input-text-color: var(--bc-color-text5);
  }
}

.el-button {
  border-radius: 2px;
}
.el-card {
  --el-card-padding: 0;
}
.el-checkbox {
  --el-checkbox-checked-text-color: var(--bc-color-text5)
}

.el-button--primary {
  --el-button-hover-link-text-color: var(--bc-color-primary6);
}

.el-button.is-link:not(.is-disabled) {
  :hover {
    background-color: var(--bc-color-fill2);
  }

  :active {
    background-color: var(--bc-color-fill3);
  }
}
.el-main {
  padding: 0;
}


.el-tabs {
  height: 100%;
  .el-tabs__header{
    margin-bottom: 0;
  }
  .el-tabs__nav-scroll {
    padding-left: 20px;
  }
}

.el-card {
  border: none;
  border-radius: 4px;
  transition: box-shadow .2s cubic-bezier(0, 0, 1, 1);

  &.is-always-shadow {
    box-shadow: var(--bc-box-shadow-light);
  }
}

.el-breadcrumb {
  .el-breadcrumb__item {
    font-weight: 300;

    &:last-child {
      .el-breadcrumb__inner {
        color: var(--bc-color-text4)
      }
    }
  }
}

.el-message {
  padding: 10px 18px;
  border-radius: 2px;

  i {
    font-size: 16px;
  }

  &.el-message--success {
    --el-message-bg-color: var(--bc-color-bg1);
    --el-message-border-color: var(--bc-color-border2);

    p {
      --el-message-text-color: var(--bc-color-text5)
    }
  }
}

.el-table {
  thead {
    color: var(--bc-color-text4)
  }

  .el-table__cell {
    padding: 10px 0;
  }
  .el-table__row--level-1{
    font-size: 13px;
  }
  .el-table__row--level-2{
    font-size: 12px;
    color: var(--bc-color-text5)
  }
 
}

#nprogress .bar {
  background-color: var(--bc-color-primary6);
}


.ql-container {
  height: auto !important;
  overflow-y: auto;
}